<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="../img1/public/icon.png" type="image/x-icon">
    <title>同步课程</title>
    <link rel="stylesheet" href="../less/index.css">
    <link rel="stylesheet" href="../less/course.css">
    
</head>
<body>
    <header>
        <div id="hea">
            <!-- 最左边的图片 -->
            <img src="../img1/public/logo.png" alt="">
            <!-- 中间部分 -->
            <ul class="hea2">
                <li  style="background-color: white;">
                    
                    <a href="../index.html">
                        <p>
                            首页
                        </p>
                    </a> 
                </li>
                <li>
                    <a href="#">
                        <p>
                            同步课程
                        </p>
                    </a>
                    
                </li>
                <li>
                    <p>
                        在线练习
                    </p>
                </li>
                <li>
                    <p>
                        精品课程
                    </p>
                </li>
            </ul>
            <!-- 最右边 -->
            <div class="hea3">
                <div class="hea3q">
                    <input type="text" value="课程">
                    <input type="text" value="搜索感兴趣的内容">
                </div>
                <p>
                    <a href="../views/login.html">
                        <span>登录</span>
                    </a>
                    <span>/</span>
                    <a href="../views/register.html">
                        <span>注册</span>
                    </a>
                </p>
                <div class="he">
                    <img src="../img1/login/user.png" alt="" class="img">
                    <ul class="hea3a">
                        <li class="hea3a1">用户名</li>
                        <li class="hea3a1">课程中心</li>
                        <li class="hea3a1">订单中心</li>
                        <li class="hea3a1">资金管理</li>
                        <a href="./mymessage.html">
                            <li class="hea3a1">个人中心</li>
                        </a>
                        <li class="hea3a1">退出登录</li>
                    </ul>
                </div>
            </div>
        </div>

    </header>
    <!-- 目录部分 -->
    <nav>
        <div class="nav1">
            <span>按省份选择</span>
            <select name="">
                <option value="asf">省份</option>
                <option value="sf">asfd</option>
                <option value="sfd">asfd</option>
                <option value="asdf">asfd</option>
            </select>
            <select name="">
                <option value="asf">城市</option>
                <option value="sf">asfd</option>
                <option value="sfd">asfd</option>
                <option value="asdf">asfd</option>
            </select>
        </div>
        <!-- //列表 -->
       <table id="table">
              <!-- 一 -->
              <tr>
                  <td class="table1">热门城市</td>
                  <td>北京</td>
                  <td>上海</td>
                  <td>石家庄</td>
                  <td>沈阳</td>
                  <td>天津</td>
                  <td>河南</td>
                  <td>济南</td>
                  <td>江苏</td>
              </tr>
              <!-- 二 -->
              <tr>
                <td class="table1" >按年级选择</td>
                <td>大班</td>
                <td>中班</td>
                <td>一年级</td>
                <td>二年级</td>
                <td>三年级</td>
                <td>四年级</td>
                <td>五年级</td>
                <td>六年级</td>
                <td>初一</td>
            </tr>
            <!-- 3 -->
            <tr>
                <td></td>
                <td>初二</td>
                <td>初三</td>
                <td>高一</td>
                <td>高二</td>
                <td>高三</td>
            </tr>
             <!-- 4 -->
             <tr>
                <td class="table1">按学科选择</td>
                <td>全部</td>
                <td>语文</td>
                <td>数学</td>
                <td>英语</td>
                <td>化学</td>
                <td>历史</td>
                <td class="wuli">物理</td>
                <td>政治</td>
            </tr>
               <!-- 5 -->
            <tr>
                <td class="table1">按版本选择</td>
                <td>人教版</td>
                <td>沪教版</td>
                <td>苏教版</td>
                <td>浙教版</td>
                <td>外教版</td>
                <td>人教版</td>
                <td>人教版</td>
                
            </tr>
       </table>
    </nav>
    <!-- 列表图 -->
    <ul class="guib">
<!--           
        <li>
         <img src="../img1/index/banner1.png" alt="">
             <div class="guib0">
               
                 <span></span>
                 <span>1100人正在学习</span>
             </div>
             <div class="guib1">
                 <p class="guib1a">
                     <span>人教版第一节课程内容讲解</span><br>
                     <span class="guibaa">23课时</span>
                 </p>
                 <a href="../views/Videodetails.html"><div>免费学习</div></a>
                
             </div>
        </li>
        <li>
         <img src="../img1/index/banner2.png" alt="">
             <div class="guib0">
                 <span>人教版</span>
                 <span>1100人正在学习</span>
             </div>
             <div class="guib1">
                 <p class="guib1a">
                     <span>人教版第一节课程内容讲解</span><br>
                     <span class="guibaa">23课时</span>
                 </p>
                 <div>免费学习</div>
             </div>
         </li>
        <li>
         <img src="../img1/index/banner3.png" alt="">
             <div class="guib0">
                 <span>人教版</span>
                 <span>1100人正在学习</span>
             </div>
             <div class="guib1">
                 <p class="guib1a">
                     <span>人教版第一节课程内容讲解</span><br>
                     <span class="guibaa">23课时</span>
                 </p>
                 <div>免费学习</div>
             </div>
         </li>
          -->
     </ul>
    
     <!-- 分页 -->
     <div class="page">
        <button class="lastPage" disabled>上一页</button>
        <div class="pageCount">
            <!-- <span>1</span>
            <span>2</span>
            <span>3</span>
            <span>4</span> -->
           
        </div>
        <button class="nextPage">下一页</button>
    </div>
    <!-- footer -->
    <footer>
        <p>
         首页|关于我们|加入我们合作专区|联系我们|A开放平台|意见反馈|漏洞提交│隐秘政策|版权声明|反盗链声明|网上有害信息举报|备案公示|营业执照照|教师资格证公示<br>
         京CP备130308号Copyright R 2014-2019行者信息科技(北京)有限公司|地址:北京市新华区马当路38号C座|电话:010-666666|京公网安备01010102002533号<br>
         京网文[2018〕4086-308号|网络文化经营许可证:沪网文[20184086-308号|增值电信业务经营许可证:京B2-20150021|食品经营许可证;Y1310114088.8 <br>
         医疗器械经营许可证:京嘉食药监械经营许20188008号|互联网药品信息服务资格证书:(京)-经营性-2018-0011 |
        </p>
    </footer>
    <script src="../js/ware.js"></script>
   
    <script src="../js/course.js"></script>

</body>
</html>